<template>
  <div class="app-container">
    <hd-table-page ref="hdTable" :columns="columns" modulePath="attendance/shift" style="height: calc(100% - 120px)" :disabledBtns="['export']">
      <template #form-beginTimeWork="{ data, field }">
        <el-time-picker
          style="width: 100%"
          value-format="HH:mm"
          v-model="data[field.prop]"
          :picker-options="{
            format: 'HH:mm',
          }"></el-time-picker>
      </template>
      <template #form-endTimeWork="{ data, field }">
        <el-time-picker
          style="width: 100%"
          value-format="HH:mm"
          v-model="data[field.prop]"
          :picker-options="{
            format: 'HH:mm',
          }"></el-time-picker>
      </template>
    </hd-table-page>
  </div>
</template>

<script>
//考勤规则-班次
import BaseService from '@/api/base/base'
const baseService = new BaseService('attendance/shift')
export default {
  name: 'ShiftAttendance',
  data() {
    return {
      // 导出遮罩层
      columns: [
        { type: 'index', label: '#', align: 'center' },
        { prop: 'shiftName', label: '班次名称', required: true },
        { prop: 'shiftDesc', label: '考勤时间', isField: false, isSearch: false },
        { prop: 'beginTimeWork', label: '开始时间', required: true, isColumn: false, isSearch: false },
        { prop: 'endTimeWork', label: '结束时间', required: true, isColumn: false, isSearch: false },
        { prop: 'remark', label: '备注', isSearch: false },
      ],
    }
  },
  methods: {},
}
</script>

<style lang="scss" scoped></style>
